.page {
  position: relative;
  width: 100vw;
  height: 61.36vw;
  overflow: hidden;
}

.group_1 {
  position: relative;
  width: 100vw;
  height: 38.96vw;
  background: url(./img/FigmaDDSSlicePNG6999ee2bbc3d976d4f277e84099667ba.png)
    100% no-repeat;
  background-size: 100% 100%;
}

.image_1 {
  width: 100vw;
  height: 3.55vw;
}

.box_19 {
  width: 66.67vw;
  height: 30.21vw;
  margin: 2.6vw 0 2.6vw 16.66vw;
}

.box_20 {
  width: 27.04vw;
  height: 25vw;
  margin-top: 2.09vw;
}

.text_1 {
  width: 27.04vw;
  height: 3.7vw;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 2.81vw;
  font-family: Microsoft YaHei-Bold;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 2.82vw;
}

.box_21 {
  width: 21.25vw;
  height: 1.25vw;
  margin-top: 1.25vw;
}

.label_1 {
  width: 1.31vw;
  height: 1.25vw;
}

.text_2 {
  width: 3.75vw;
  height: 1.25vw;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 0.93vw;
  font-family: Microsoft YaHei-Bold;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 0.94vw;
  margin-left: 0.53vw;
}

.text_3 {
  width: 15.16vw;
  height: 1.25vw;
  overflow-wrap: break-word;
  color: rgba(56, 62, 80, 1);
  font-size: 0.93vw;
  font-family: Microsoft YaHei-Regular;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 0.94vw;
  margin-left: 0.53vw;
}

.box_22 {
  width: 21.36vw;
  height: 1.31vw;
  margin-top: 0.94vw;
}

.label_2 {
  width: 1.31vw;
  height: 1.25vw;
  margin-top: 0.06vw;
}

.text_4 {
  width: 3.75vw;
  height: 1.25vw;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 0.93vw;
  font-family: Microsoft YaHei-Bold;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 0.94vw;
  margin-left: 0.53vw;
}

.text_5 {
  width: 15.27vw;
  height: 1.25vw;
  overflow-wrap: break-word;
  color: rgba(56, 62, 80, 1);
  font-size: 0.93vw;
  font-family: Microsoft YaHei-Regular;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 0.94vw;
  margin-left: 0.53vw;
}

.box_23 {
  width: 21.36vw;
  height: 1.31vw;
  margin-top: 0.94vw;
}

.label_3 {
  width: 1.31vw;
  height: 1.25vw;
  margin-top: 0.06vw;
}

.text_6 {
  width: 3.75vw;
  height: 1.25vw;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 0.93vw;
  font-family: Microsoft YaHei-Bold;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 0.94vw;
  margin-left: 0.53vw;
}

.text_7 {
  width: 15.27vw;
  height: 1.25vw;
  overflow-wrap: break-word;
  color: rgba(56, 62, 80, 1);
  font-size: 0.93vw;
  font-family: Microsoft YaHei-Regular;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 0.94vw;
  margin-left: 0.53vw;
}

.text_8 {
  width: 14.48vw;
  height: 1.36vw;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 1.04vw;
  font-family: Microsoft YaHei-Regular;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 1.05vw;
  margin-top: 4.74vw;
}

.box_24 {
  width: 26.78vw;
  height: 3.34vw;
  margin-top: 1.31vw;
}

.group_6 {
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 8px;
  width: 8.75vw;
  height: 3.34vw;
  border: 1px solid rgba(255, 255, 255, 0.2);
}

.group_7 {
  height: 1.25vw;
  background: url(./img/FigmaDDSSlicePNGa4a76fb9b366d523776e195a32fb43fd.png)
    100% no-repeat;
  background-size: 100% 100%;
  width: 1.83vw;
  margin: 1.04vw 0 0 1.87vw;
}

.box_2 {
  background-color: rgba(215, 1, 70, 1);
  width: 0.21vw;
  height: 0.21vw;
  margin: 0.57vw 0 0 0.26vw;
}

.section_12 {
  width: 2.77vw;
  height: 1.15vw;
  margin: 1.14vw 1.82vw 0 0.46vw;
}

.section_13 {
  width: 2.77vw;
  height: 0.79vw;
}

.image_2 {
  width: 1.83vw;
  height: 0.79vw;
}

.group_9 {
  background-color: rgba(0, 0, 0, 1);
  width: 0.79vw;
  height: 0.79vw;
}

.box_4 {
  background-color: rgba(0, 0, 0, 1);
  width: 2.77vw;
  height: 0.21vw;
  margin-top: 0.16vw;
}

.image-wrapper_1 {
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 8px;
  height: 3.34vw;
  border: 1px solid rgba(255, 255, 255, 0.2);
  margin-left: 0.27vw;
  width: 8.75vw;
}

.image_3 {
  width: 4.22vw;
  height: 1.57vw;
  margin: 0.88vw 0 0 2.29vw;
}

.group_10 {
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 8px;
  width: 8.75vw;
  height: 3.34vw;
  border: 1px solid rgba(255, 255, 255, 0.2);
  margin-left: 0.27vw;
}

.block_1 {
  background-color: rgba(255, 0, 0, 1);
  width: 1.46vw;
  height: 1.46vw;
  margin: 0.93vw 0 0 2.65vw;
}

.label_4 {
  width: 1.62vw;
  height: 1.31vw;
  margin: 1.14vw 2.55vw 0 0.46vw;
}

.box_25 {
  width: 26.78vw;
  height: 3.34vw;
  margin-top: 0.27vw;
}

.group_12 {
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 8px;
  position: relative;
  width: 8.75vw;
  height: 3.34vw;
  border: 1px solid rgba(255, 255, 255, 0.2);
}

.group_39 {
  width: 1.1vw;
  height: 1.31vw;
  margin: 1.04vw 0 0 1.4vw;
}

.section_3 {
  background-color: rgba(100, 200, 210, 1);
  width: 1.05vw;
  height: 0.37vw;
  margin-left: 0.06vw;
}

.section_4 {
  background-color: rgba(100, 200, 210, 1);
  width: 1.05vw;
  height: 0.37vw;
  margin-top: 0.58vw;
}

.section_5 {
  background-color: rgba(100, 200, 210, 1);
  width: 0.73vw;
  height: 0.21vw;
  margin: 2.03vw 0 0 0.05vw;
}

.section_6 {
  background-color: rgba(54, 54, 54, 1);
  width: 2.77vw;
  height: 0.68vw;
  margin: 1.35vw 1.35vw 0 1.35vw;
}

.image_4 {
  position: absolute;
  left: 1.46vw;
  top: 1.31vw;
  width: 2.97vw;
  height: 0.68vw;
}

.group_13 {
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 8px;
  position: relative;
  width: 8.75vw;
  height: 3.34vw;
  border: 1px solid rgba(255, 255, 255, 0.2);
  margin-left: 0.27vw;
}

.label_5 {
  width: 1.52vw;
  height: 1.78vw;
  margin: 0.83vw 0 0 2.6vw;
}

.box_26 {
  width: 1.78vw;
  height: 1.05vw;
  margin: 1.19vw 2.55vw 0 0;
}

.box_27 {
  width: 1.62vw;
  height: 0.73vw;
}

.group_15 {
  background-color: rgba(20, 0, 100, 1);
  position: relative;
  width: 0.21vw;
  height: 0.73vw;
}

.group_16 {
  background-color: rgba(20, 0, 100, 1);
  position: absolute;
  left: 0;
  top: 0.11vw;
  width: 0.27vw;
  height: 0.11vw;
}

.group_17 {
  background-color: rgba(20, 0, 100, 1);
  position: absolute;
  left: 0;
  top: 0.32vw;
  width: 0.27vw;
  height: 0.21vw;
}

.section_14 {
  width: 0.21vw;
  height: 0.58vw;
  margin: 0.15vw 0 0 0.05vw;
}

.block_3 {
  background-color: rgba(20, 0, 100, 1);
  height: 0.21vw;
  margin-left: 0.06vw;
  width: 0.16vw;
}

.section_7 {
  background-color: rgba(20, 0, 100, 1);
  width: 0.16vw;
  height: 0.16vw;
  margin-top: -0.05vw;
}

.block_4 {
  background-color: rgba(20, 0, 100, 1);
  width: 0.11vw;
  height: 0.37vw;
}

.section_15 {
  width: 0.11vw;
  height: 0.73vw;
  margin-left: 0.06vw;
}

.group_20 {
  background-color: rgba(20, 0, 100, 1);
  width: 0.11vw;
  height: 0.32vw;
}

.group_21 {
  background-color: rgba(20, 0, 100, 1);
  width: 0.11vw;
  height: 0.37vw;
  margin-top: 0.06vw;
}

.group_22 {
  background-color: rgba(20, 0, 100, 1);
  height: 0.21vw;
  width: 0.16vw;
  margin: 0.15vw 0 0 0.05vw;
}

.section_8 {
  background-color: rgba(20, 0, 100, 1);
  width: 0.16vw;
  height: 0.16vw;
  margin-top: -0.05vw;
}

.section_16 {
  width: 0.37vw;
  height: 0.27vw;
  margin-left: 0.11vw;
}

.box_5 {
  background-color: rgba(20, 0, 100, 1);
  width: 0.37vw;
  height: 0.11vw;
}

.section_17 {
  width: 0.32vw;
  height: 0.16vw;
  margin-left: 0.06vw;
}

.box_7 {
  background-color: rgba(20, 0, 100, 1);
  width: 0.16vw;
  height: 0.16vw;
}

.box_8 {
  background-color: rgba(20, 0, 100, 1);
  width: 0.16vw;
  height: 0.16vw;
}

.section_18 {
  width: 0.32vw;
  height: 0.53vw;
}

.box_9 {
  background-color: rgba(20, 0, 100, 1);
  width: 0.16vw;
  height: 0.16vw;
}

.box_10 {
  background-color: rgba(20, 0, 100, 1);
  width: 0.27vw;
  height: 0.37vw;
  margin-left: 0.06vw;
}

.image_5 {
  width: 1.78vw;
  height: 0.21vw;
  margin-top: 0.11vw;
}

.group_25 {
  position: absolute;
  left: 5.37vw;
  top: 1.31vw;
  width: 0.84vw;
  height: 0.63vw;
  background: url(./img/FigmaDDSSlicePNGff4dc12ccd9d937739dc2efc583813b7.png)
    100% no-repeat;
  background-size: 100% 100%;
}

.box_11 {
  background-color: rgba(20, 0, 100, 1);
  width: 0.37vw;
  height: 0.11vw;
  margin-top: 0.11vw;
}

.box_12 {
  background-color: rgba(20, 0, 100, 1);
  width: 0.32vw;
  height: 0.11vw;
}

.box_13 {
  background-color: rgba(20, 0, 100, 1);
  width: 0.32vw;
  height: 0.11vw;
  margin: 0.05vw 0 0.15vw 0;
}

.box_14 {
  background-color: rgba(20, 0, 100, 1);
  position: absolute;
  left: 0.42vw;
  top: -0.05vw;
  width: 0.42vw;
  height: 0.11vw;
}

.group_26 {
  background-color: rgba(20, 0, 100, 1);
  position: absolute;
  left: 4.69vw;
  top: 1.2vw;
  width: 0.58vw;
  height: 0.11vw;
}

.group_27 {
  background-color: rgba(20, 0, 100, 1);
  position: absolute;
  left: 4.69vw;
  top: 1.36vw;
  width: 0.58vw;
  height: 0.11vw;
}

.group_28 {
  background-color: rgba(20, 0, 100, 1);
  position: absolute;
  left: 4.69vw;
  top: 1.57vw;
  width: 0.58vw;
  height: 0.11vw;
}

.group_29 {
  background-color: rgba(20, 0, 100, 1);
  position: absolute;
  left: 4.69vw;
  top: 1.67vw;
  width: 0.58vw;
  height: 0.11vw;
}

.group_30 {
  background-color: rgba(20, 0, 100, 1);
  position: absolute;
  left: 4.69vw;
  top: 1.57vw;
  width: 0.58vw;
  height: 0.37vw;
}

.image-wrapper_2 {
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 8px;
  height: 3.34vw;
  border: 1px solid rgba(255, 255, 255, 0.2);
  margin-left: 0.27vw;
  width: 8.75vw;
}

.image_6 {
  width: 3.86vw;
  height: 1.25vw;
  margin: 1.09vw 0 0 2.44vw;
}

.section_9 {
  width: 26.05vw;
  height: 30.21vw;
  background: url(./img/FigmaDDSSlicePNGa9bcc401f4b8b217868cae05b8bbeb33.png)
    100% no-repeat;
  background-size: 100% 100%;
}

.text_9 {
  width: 8.75vw;
  height: 1.93vw;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 1.45vw;
  font-family: Microsoft YaHei-Bold;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 1.46vw;
  margin: 2.39vw 0 0 3.12vw;
}

.text_10 {
  width: 18.03vw;
  height: 1.15vw;
  overflow-wrap: break-word;
  color: rgba(165, 168, 179, 1);
  font-size: 0.72vw;
  font-family: Microsoft YaHei-Regular;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 0.73vw;
  margin: 0.31vw 0 0 3.12vw;
}

.group_31 {
  border-radius: 6px;
  width: 19.8vw;
  height: 2.92vw;
  border: 1px solid rgba(230, 233, 240, 1);
  margin: 1.66vw 0 0 3.12vw;
}

.group_32 {
  height: 1.15vw;
  background: url(./img/FigmaDDSSlicePNG2e9d851f1aa66faa6a322b53a88c255a.png)
    100% no-repeat;
  background-size: 100% 100%;
  width: 1.15vw;
  margin: 0.88vw 0 0 0.88vw;
}

.group_33 {
  border-radius: 4px;
  width: 0.84vw;
  height: 0.84vw;
  border: 1.5px solid rgba(87, 97, 116, 1);
  margin: 0.15vw 0 0 0.15vw;
}

.text_11 {
  width: 1.46vw;
  height: 0.99vw;
  overflow-wrap: break-word;
  color: rgba(180, 186, 199, 1);
  font-size: 0.72vw;
  font-family: Microsoft YaHei-Regular;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 0.73vw;
  margin: 0.93vw 15.62vw 0 0.67vw;
}

.group_34 {
  border-radius: 6px;
  width: 19.8vw;
  height: 2.92vw;
  border: 1px solid rgba(230, 233, 240, 1);
  margin: 0.41vw 0 0 3.12vw;
}

.label_6 {
  width: 1.15vw;
  height: 1.15vw;
  margin: 0.93vw 0 0 0.88vw;
}

.text_12 {
  width: 4.43vw;
  height: 1.05vw;
  overflow-wrap: break-word;
  color: rgba(180, 186, 199, 1);
  font-size: 0.72vw;
  font-family: Microsoft YaHei-Regular;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 0.73vw;
  margin: 0.93vw 12.65vw 0 0.67vw;
}

.group_40 {
  width: 18.75vw;
  height: 2.92vw;
  margin: 0.41vw 0 0 3.12vw;
}

.section_10 {
  border-radius: 6px;
  width: 13.86vw;
  height: 2.92vw;
  border: 1px solid rgba(230, 233, 240, 1);
}

.image-text_3 {
  width: 3.86vw;
  height: 0.99vw;
  margin: 0.93vw 0 0 1.04vw;
}

.thumbnail_1 {
  width: 0.73vw;
  height: 0.84vw;
  margin-top: 0.16vw;
}

.text-group_1 {
  width: 2.19vw;
  height: 0.94vw;
  overflow-wrap: break-word;
  color: rgba(180, 186, 199, 1);
  font-size: 0.72vw;
  font-family: Microsoft YaHei-Regular;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 0.73vw;
}

.text_13 {
  width: 3.65vw;
  height: 0.94vw;
  overflow-wrap: break-word;
  color: rgba(0, 108, 255, 1);
  font-size: 0.72vw;
  font-family: Microsoft YaHei-Regular;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 0.73vw;
  margin: 0.93vw 0.83vw 0 4.47vw;
}

.text_14 {
  width: 3.65vw;
  height: 0.94vw;
  overflow-wrap: break-word;
  color: rgba(180, 186, 199, 1);
  font-size: 0.72vw;
  font-family: Microsoft YaHei-Regular;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 0.73vw;
  margin-top: 0.94vw;
}

.group_36 {
  border-radius: 6px;
  width: 19.8vw;
  height: 2.92vw;
  border: 1px solid rgba(230, 233, 240, 1);
  margin: 0.41vw 0 0 3.12vw;
}

.image-text_4 {
  width: 6.25vw;
  height: 1.15vw;
  margin: 0.88vw 0 0 0.88vw;
}

.label_7 {
  width: 1.15vw;
  height: 1.15vw;
}

.text-group_2 {
  width: 4.43vw;
  height: 1.05vw;
  overflow-wrap: break-word;
  color: rgba(180, 186, 199, 1);
  font-size: 0.72vw;
  font-family: Microsoft YaHei-Regular;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 0.73vw;
}

.text-wrapper_1 {
  background-image: linear-gradient(
    90deg,
    rgba(0, 114, 255, 1) 0,
    rgba(0, 164, 255, 1) 100%
  );
  border-radius: 60px;
  height: 2.92vw;
  width: 19.8vw;
  margin: 1.71vw 0 0 3.12vw;
}

.text_15 {
  width: 3.34vw;
  height: 1.1vw;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.83vw;
  font-family: Microsoft YaHei-Bold;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 0.84vw;
  margin: 0.93vw 0 0 8.22vw;
}

.group_41 {
  width: 18.75vw;
  height: 1.05vw;
  margin: 1.04vw 0 3.12vw 3.12vw;
}

.group_38 {
  border-radius: 4px;
  width: 0.84vw;
  height: 0.84vw;
  border: 1px solid rgba(210, 215, 224, 1);
  margin-top: 0.11vw;
}

.text-wrapper_2 {
  width: 17.61vw;
  height: 1.05vw;
  overflow-wrap: break-word;
  font-size: 0;
  font-family: Microsoft YaHei-Regular;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 0.73vw;
}

.text_16 {
  width: 17.61vw;
  height: 1.05vw;
  overflow-wrap: break-word;
  color: rgba(127, 130, 137, 1);
  font-size: 0.72vw;
  font-family: Microsoft YaHei-Regular;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 0.73vw;
}

.text_17 {
  width: 17.61vw;
  height: 1.05vw;
  overflow-wrap: break-word;
  color: rgba(0, 108, 255, 1);
  font-size: 0.72vw;
  font-family: Microsoft YaHei-Regular;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 0.73vw;
}

.box_15 {
  border-radius: 6px;
  position: absolute;
  left: 80.21vw;
  top: 20.27vw;
  width: 5.73vw;
  height: 2.92vw;
  border: 1px solid rgba(230, 233, 240, 1);
}

.box_16 {
  height: 3.7vw;
  background: url(./img/FigmaDDSSlicePNGa2cea6380e6c9c833cd6d698a3c1fe8e.png)
    100% no-repeat;
  background-size: 100% 100%;
  width: 3.7vw;
  position: absolute;
  left: 28.29vw;
  top: 30.68vw;
}

.box_17 {
  background-color: rgba(255, 255, 255, 1);
  height: 1.52vw;
  margin-top: 0.32vw;
  width: 1.1vw;
}

.section_19 {
  width: 0.16vw;
  height: 0.11vw;
  margin: 0.31vw 0 0 0.57vw;
}

.box_18 {
  width: 0.16vw;
  height: 0.11vw;
  background: url(./img/FigmaDDSSlicePNGd0254390694397a5160484935ee5ca91.png)
    100% no-repeat;
  background-size: 100% 100%;
}

.section_20 {
  width: 0.53vw;
  height: 0.89vw;
  margin-top: 0.21vw;
}

.section_11 {
  background-color: rgba(0, 0, 0, 0.1);
  width: 0.53vw;
  height: 0.89vw;
}

.image_7 {
  width: 100vw;
  height: 22.4vw;
}
